.poster{
	.tab{
		.occupy{
			height:var(--status-bar-height);
			padding-top: 100upx;
		}
		.tabbar{
			position: fixed;
			top: 0;
			z-index: 999;
			background-color: #ef424e;
			height: var(--status-bar-height);
			width: 100%;
		}
		.navigation-bar{
			background-color: #ef424e;
			display: flex;
			align-items: center;
			height: 100upx;
			padding: 0 10upx;
			box-sizing: border-box;
			position: fixed;
			top: var(--status-bar-height);
			width: 100%;
			z-index: 999;
			.left{
				color: #FFFFFF;
			}
		}
	}
	.poster-bg{
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	.poster-c{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-flow: column;
		margin-top: 60upx;
		.poster-title{
			width: 100%;
			view{
				text-align: center;
				color: #FFFFFF;
				font-weight: bold;
			}
			.title{
				font-size: 60upx;
				position: relative;
				text:last-child{
					position: absolute;
					top: -26upx;
					right: 54upx;
					background-color: #FFFFFF;
					color: #333333;
					font-size: 26upx;
					padding: 0 26upx;
					border-radius: 30upx;
				}
			}
			.toast{
				font-size: 70upx;
			}
			.toast-c{
				font-size: 32upx;
				color: #FFC1A1;
				margin-top: 30upx;
			}
		}
	}
	.poster-conter{
		width: 90%;
		background: #FFFFFF;
		border-radius: 20upx;
		margin-top: 100upx;
		.poster-head{
			display: flex;
			justify-content: center;
			flex-flow: column;
			align-items: center;
			margin-top: -60upx;
			image{
				border: 3px solid #EEEEEE;
				width: 120upx;
				height: 120upx;
				border-radius: 60upx;
			}
			text{
				font-size: 32upx;
				padding-top: 10upx;
			}
			text:last-child{
				color: #808080;
				font-size: 28upx;
			}
		}
		.erweima{
			display: flex;
			justify-content: center;
			margin-top: 20upx;
			image{
				width: 500upx;
				height: 500upx;
			}
		}
		.gj{
			text-align: center;
			padding: 40upx 0;
			font-weight: bold;
			font-size: 36upx;
		}
	}
}